.title {
    font-size: 16px;
    font-weight: 600;
    color: rgba(38, 38, 38, 1);
    line-height: 24px;
}

.ruleCard {
    :global {
        .ant-card-head {
            padding: 0;
            margin: 0 24px;
        }

        .ant-card-head-title {
            padding: 16px 0;
            font-size: 16px;
            font-weight: 600;
            color: #262626;
        }

        .ant-card-body {
            padding: 0 24px 48px 24px;
        }
    }
}

.title2 {
    color: #000;
    font-weight: 400;
    line-height: 22px;
    font-size: 14px;
}

.flex {
    display: inline-flex;
    align-items: center
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flex2 {
    display: inline-flex;
    align-items: center;
    height: 40px
}

.head {
    .flex();

    .label {
        font-size: 14px;
        font-weight: 400;
        margin-right: 10px
    }
}

.icon {
    position: absolute;
    top: 0;
    left: 0;
}

.fixCard {
    :global {
        .ant-card-head {
            min-height: auto;

            .ant-card-head-title {
                padding: 2px 0;
            }
        }
    }
}

.content {
    color: rgba(0, 0, 0, 0.45);
    font-size: 12px;
    font-weight: 400;
    .ellipsis()
}
